/* Classes */

body {
  background-color: #dab6d9;
  background-image: url(../img/design/gradient.png);
  background-repeat: repeat-x;
}
div.spacer {
    height: 2em;
}

/* IDs */

#header {
  background-image: url(../img/design/logo.png);
  height: 150px;
}

#menu {
/*  background-image: url(../img/design/leftbox.png); */
  height: 496px;
}

#menulong {
  background-image: url(../img/design/leftbox.png);
  height: 992px;
}

#mainarea {
  background-image: url(../img/design/middlebox.png);
  height: 496px;
}

#adminarea {
  background-image: url(../img/design/adminbox.png);
  height: 496px;
}

#mainarealong {
  background-image: url(../img/design/middleboxlong.png);
  height: 992px;
}

#sidebar {
  background-image: url(../img/design/rightbox.png);
  height: 496px;
}

#sidebarlong {
  background-image: url(../img/design/rightbox.png);
  height: 992px;
}

#tableholder {
  padding: 10px;
}

#demo {
  float: right;
}


#demo ul {
  list-style: none;
}


#demo li {
  float: left;
  margin: 0 0.5em;
}

#demo li button {
  display: block;
}

#demo li a {
  text-decoration: none;
}


#searchform {
  overflow: hidden;
  float: right;
  padding: 15px 15px;
}


#searchbutton {
  width: 28px;
  height: 27px;
  background: url(../img/design/btn_search.jpg) no-repeat left top;
  border: none;
  cursor: pointer;
  float: left;
}
#searchtext {
  float: left;
}

#searchbutton:hover { background-position: left -27px; }

#klantwelkom {
  padding-top: 10px;
  float: right;
  display: block;
}

#webstats {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Jquery overrides */
.ui-datepicker {
  font-size: 10px;
}

